<template>
<!-- 只能有一个根标签 -->
<div>
  <h2>{{uname}}</h2>
  <h3>{{motto}}</h3>
  <h2>{{person.age > 22 ? '琨' : '狗人'}}</h2>
</div>
  
</template>

<script>
export default {
  // data 是一个函数，返回一个对象
  data() {
    return { //key 相当于变量名
    uname:'harry',
    motto:'世人都爱晴天，我独爱花海',
    person: {
      nickname:'wlq',
      age:25
      
    }
    

    }
  }


}
</script>

<style>
div{
  color: red;
  width: 200px;
  height: 300px;
  background-color: pink;
}
</style>